<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="root">
        <!--
            v-pre直接跳过所有节点编译过程vue不去解析语法
            可以利用他跳过：没有使用指令语法，没有使用插值语法的节点。提高效率。
        -->
        <h2 v-pre>vue其实很简单</h2>
        <h1 v-once>初始化N的值是{{n}}</h1><!--初始化once-->
        <h1>当前N的值是{{n}}</h1>
    </div>
    <script src="../js/vue.js"></script>
    <script>
            Vue.config.productionTip=false//阻止vue启动时产生提示
            new Vue({
                 el: "#root",
                 data:{//数据
                      name:'',
                      n:1
                    },
                 methods:{//方法

                 },
                 computed:{//计算

                 },
                 watch:{//监视

                 }
             })
    </script>
</body>
</html>